<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<script type="text/javascript">
		$(document).ready(function(){
		// 중복체크
		// 주소 검색
		$("#zipcodeSearchBtn").click(function(){
			//alert("test");
			window.open("addressPopup.jsp", "popup", "width=350, height=200");
		});
		$("#id").focus(function(){
			$("#checkId").text("");
		});//focus
		$("input[name=check]").click(function(){
			var id=$("input[name=id]").val();
			$.ajax({
				type:"POST",
				url:"isExistId.do",
				data:"id="+id+"&membertype=s",
				dataType:"json",
				success:function(jsonData){
					if(jsonData==1){			
						$("#checkId").html("<font color='red'> 중복된 아이디 입니다</font>");	
					}//if 
				}//jsondata
			});//ajax			
			if($("#id").val()==""){
				$("#checkId").html("<font color='red'> 아이디를 입력해주세요</font>");						
			}else{ //else if			
				 $("#checkId").html("<font color='blue'> 사용가능한 아이디입니다.</font>");
				 return true;
			}//if-else
		});//click
		
		// 패스워드확인 일치 
		$("#confirmpass").keyup(function(){
			if($("#password").val()!=$("#confirmpass").val()){
				$("#checkPassword").html("<font color='red'>패스워드가 틀립니다.</font>");						
			}else{ //else if			
				 $("#checkPassword").html("<font color='blue'> 패스워드가 일치합니다.</font>");
			}//if-else
		});//click
		
		// 공란시 경고창 문구 
		$(form).submit(function(){	
		if($("input[name=name]").val()==""){
			alert("성명를 입력해 주세요");
			return false;
		}
		/* if($("input[name=password]").val()==""){
			alert("패스워드를 입력해 주세요");
			return false;
		} */
		if($("input[name=confirmpass]").val()==""){
			alert("글내용을 입력해 주세요");
			return false;
		}
		if($("input[name=tel]").val()==""){
			alert("전화번호를 입력해 주세요");
			return false;
		}
		if($("input[name=email]").val()==""){
			alert("이메일을 입력해 주세요");
			return false;
		}
		if($("input[name=questionPass]").val()==""){
			alert("질문을 입력하세요");
			return false;
		}
		if($("input[name=answerPass]").val()==""){
			alert("답변을 입력하세요");
			return false;
		}
		if($("input[name=originalPass]").val()==""){
			alert("사진등록  하세요");
			return false;
		}
		if($("input[name=saveFileName]").val()==""){
			alert("변경값을 입력하세요");
			return false;
		}
		if($("input[name=hopeSubject]").val()==""){
			alert("희망과목을 입력하세요");
			return false;
		}
		if($("input[name=zipcode]").val()==""){
			alert("우편번호를 입력하세요");
			return false;
		}
		if($("input[name=codeaddress]").val()==""){
			alert("주소를 검색하세요");
			return false;
		}
		if($("input[name=subaddress]").val()==""){
			alert("상세 주소를 입력하세요");
			return false;
		}//if
		
		}); //form submit
		

			//초기에 화면에 뿌려줄 내용
			//$("#total_gugunDiv").hide();
			$.ajax({
				type:"POST",
				url:"hopeSubjectList.do",
				dataType:"json",
				success:function(jsonData){	
					
 					//시도 리스트 가져와서 뿌리기
					$("#hoperegion option").remove();
					var op="<option value='false'>-----------------</option>";
					$("#hoperegion").append(op);
	 				$.each(jsonData.sidoList,function(index, sidoList){	//jsonData.sidoList을 sidolist란 이름으로 사용
	 					op="<option value="+sidoList.code_code+">"+sidoList.code_name+"</option>";
						$("#hoperegion").append(op); 
					});
	 				$("#gugun").hide();

	 				//희망과목 가져와서 뿌리기
					$("#hopesubject option").remove();
					op="<option value='false'>-----------------</option>";
					$("#hopesubject").append(op);
	 				$.each(jsonData.hopeSubjectList,function(index,hopesubjectlist){
	 					op="<option value="+hopesubjectlist.code_code+">"+hopesubjectlist.code_name+"</option>";
						$("#hopesubject").append(op); 
					});
	 				
	 				//성별 가져와서 뿌리기
					$("#gender option").remove();
					op="<option value='false'>-------</option>";
					$("#gender").append(op);
	 				$.each(jsonData.genderList,function(index, genderlist){
	 					op="<option value="+genderlist.code_code+">"+genderlist.code_name+"</option>";
						$("#gender").append(op); 
					});
	 				//비밀번호 찾기 가져와서 뿌리기
					$("#questionpass option").remove();
					op="<option value='false'>-------------------------------------------------------</option>";
					$("#questionpass").append(op);
	 				$.each(jsonData.passwordList,function(index, passwordList){
	 					op="<option value="+passwordList.code_code+">"+passwordList.code_name+"</option>";
						$("#questionpass").append(op); 
					}); 
 	 				//학교학년 가져와서 뿌리기
					$("#grade option").remove();
					op="<option value='false'>-------------------------</option>";
					$("#grade").append(op);
	 				$.each(jsonData.gradeList,function(index, gradelist){
	 					op="<option value="+gradelist.code_code+">"+gradelist.code_name+"</option>";
						$("#grade").append(op); 
					});
				}//success
			});//ajax

			$("#hoperegion").change(function(){
				userSido=$(this).val();
				if(userSido=='false'){//시도 값이 바뀌었는데 --을 선택한 경우
					$("#gugun").hide();
				}else{						
					$("#gugun").show();				
				}
				$.ajax({
					type:"POST",
					url:"gugunList.do",
					data:"code_code="+userSido,
					dataType:"json",
					success:function(jsonData){
		 				//구군정보 가져와서 뿌리기
						$("#gugun option").remove();
						var op="<option value='false'>--</option>";
						$("#gugun").append(op);
		 				$.each(jsonData,function(index, codemaster){
		 					op="<option value="+codemaster.code_code+">"+codemaster.code_name+"</option>";
							$("#gugun").append(op); 
						});
					}
				});
			});
	});//ready
</script>

<h3>학생 회원 가입</h3>
<table bordercolor="orange" >
<tr>
<td style="border-color: orange; border-width: thin;">
<font size="2" color="grey">●</font> <font size="2" color="orange">*</font>
<font size="2" color="grey">는 회원 등록시 필수 입력사항입니다.<br>
● 아이디의 경우 중복체크를 확인하세요.
</font>
</td>
</tr>
</table>
<form name="form" method="post" action="castingStudent.do" name="studentRegisterForm">
<input type="hidden" name="enrolldate">
<input type="hidden" name="withdrawaldate">
<input type="hidden" name="membertype" value="s">
<table style="font-size: small;">
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 아이디:</td>
<td>
<input type="text" name="id" id="id">
<input type="button" name="check" value="아이디중복확인">
<span id="checkId"></span>
</td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 이름:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 패스워드:</td>
<td><input type="password" id="password" name="password"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 패스워드 확인:</td>
<td><input type="password" id="confirmpass"><span id="checkPassword"></span></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 성별:</td>
<td><select id="gender" name="gender"></select></td>
</tr>
<tr>
<td bgcolor="#D8D8D8">연락처:</td>
<td><input type="text" name="tel"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 희망지역:</td>
<td> <select id="hoperegion" ></select>
	 <select id = "gugun" name="hoperegion"><option>----</option></select>
</td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 이메일:</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 비밀번호질문:</td>
<td><select id="questionpass" name="questionpass"></select></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 비밀번호답변:</td>
<td><input type="text" name="answerpass"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 학년:</td>
<td><select id="grade" name="grade"></select></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 희망과목:</td>
<td><select id="hopesubject" name="hopesubject"></select></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 우편번호:</td>
<td><input type="text" name="zipcode" id="zipcode" style="width: 13mm;" readonly="readonly"><input type="button" value="주소검색" id="zipcodeSearchBtn"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 주소검색:</td>
<td><input type="text" name="codeaddress" id="codeaddress" style="width: 100mm;" readonly="readonly"></td>
</tr>
<tr>
<td bgcolor="#D8D8D8"><font size="2" color="orange">*</font> 상세주소:</td>
<td><input type="text" name="subaddress" style="width: 100mm;"></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="회원가입"></td>
</tr>
</table>	
</form>